<template>
    <div id="tmpl">
        <!--1.0 实现新闻详情-->
	   <div class="title">
		   <h4 v-text="info.title"></h4>
		   <p>{{ info.add_time | datefmt('YYYY-MM-DD') }}  {{info.click}}次浏览</p>
	    </div>
		<div id="content" v-html="info.content" ></div>

        <!--2.0 实现评论组件-->
         <comment :id="id"></comment>
         
    </div>

         
</template>



<script>
import common from '../../kits/common.js';

//导入评论组件
import comment from '../subcom/comment.vue';
    export default{
        //注册评论组件
        components:{
            comment
        },
       data(){
           return{
               id:0,
               info:{}
           }

       },
       created(){
           //1.0 获取url传入的id参数值赋值给data中的id属性
            this.id = this.$route.params.id;
           //2.0 请求服务器获取到这个id对应的详情数据对象
            this.getinfo();

       },
       methods:{
            getinfo(){
                //1.0定义url
                var url = common.apidomain+"/api/getnew/"+this.id;
                //2.0
                this.$http.get(url).then(function(res){
                    console.log(res);
                    var body = res.body;
                    if(body.status != 0){
                        alert(body.message);
                        return;
                    }
                    //3.0赋值
                    this.info = body.message[0];
                });
            }
       }
    }
</script>



<style scoped>
    .title h4{
		color: #0094ff;
	}
	.title p{
		color:rgba(0,0,0,0.5);
	}

	.title,#content{
		padding: 5px;
	}
</style>